<route lang="json5" type="page">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '选择角色',
  },
}
</route>

<template>
  <view class="yl-screen">
    <view class="relative yl-full">
      <image
        class="yl-full"
        :src="staticUrl('/static/images/mine/agent/chooseRole_bg.png')"
      ></image>
      <view class="yl-absolute w-full pt-48rpx">
        <view class="yl-base-text !text-medium h-64rpx !lh-64rpx text-center font-bold">
          选择角色
        </view>
        <view class="px-normal">
          <view class="yl-base-card mt-small p-medium">
            <image
              class="w-238rpx h-64rpx"
              :src="staticUrl('/static/images/mine/agent/spread.png')"
            ></image>
            <view class="yl-base-text mt-38rpx">
              <view>你是否渴望拥有一份持续稳定的额外收入，即使在休息时也能财源广进？</view>
              <view class="text-context my-mini">就在亿隆，我们为您带来了绝佳的机会！</view>
              <view>
                加入我们，您将踏入一个充满无限可能的领域，无需担心市场的波动，无需顾虑经济的起伏。因为一旦您成为推广员，您所建立的管道将为您持续输送财富。
              </view>
            </view>
          </view>
          <view class="yl-base-card mt-small p-medium">
            <view class="yl-between-center">
              <image
                class="w-238rpx h-64rpx"
                :src="staticUrl('/static/images/mine/agent/agent.png')"
              ></image>
              <view class="yl-alignCenter">
                <view class="yl-base-text lh-40rpx !text-primary mr-small">审核中</view>
                <image
                  class="w-10rpx h-16rpx"
                  :src="staticUrl('/static/images/mine/agent/arrow_right.png')"
                ></image>
              </view>
            </view>
            <view class="yl-base-text mt-38rpx">
              <view class="text-context">1. 独家区域代理权</view>
              <view class="my-mini">
                您将在特定区域内拥有独家代理特权，独享丰厚的市场回报，无需担忧竞争压力。
              </view>
              <view class="text-context mb-mini">2. 永久订单流水收</view>
              <view>
                坐享区域店铺源源不断的订单流水收益，一次选择，终身受益，为您打造稳定的财富管道。
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped></style>
